<template>
  <ContainerGroup>

    <Container height="fill" :scroll-y="true" display="flexY">
      <div style="display:flex;margin-top:60px;align-items: center;justify-content:space-between;margin-left:30px;margin-right:30px">
        <div class="box">
          <div style="text-align: center; margin-top: 50px">
            <img src="../../../assets/image/ks.png" alt="">
          </div>

          <div class="textStyle">科室采集</div>
        </div>
        <div>
          <img src="../../../assets/image/jiantou.png" alt="">
        </div>
        <div class="box">
          <div style="text-align: center; margin-top: 50px">
            <img src="../../../assets/image/fy.png" alt="">
          </div>

          <div class="textStyle">费用采集</div>
        </div>
        <div>
          <img src="../../../assets/image/jiantou.png" alt="">
        </div>

        <div class="box">
          <div style="text-align: center; margin-top: 50px">
            <img src="../../../assets/image/rs.png" alt="">
          </div>

          <div class="textStyle">人事采集</div>
        </div>
        <div>
          <img src="../../../assets/image/jiantou.png" alt="">
        </div>

        <div class="box">
          <div style="text-align: center; margin-top: 50px">
            <img src="../../../assets/image/fw.png" alt="">
          </div>

          <div class="textStyle">房屋面积</div>
        </div>
        <div>
          <img src="../../../assets/image/jiantou.png" alt="">
        </div>

        <div class="box">
          <div style="text-align: center; margin-top: 50px">
            <img src="../../../assets/image/qt.png" alt="">
          </div>

          <div class="textStyle">其他</div>
        </div>

      </div>

      <div class="buttons" style="margin-top:399px">

        <span class="tes">一键采集</span>
      </div>

    </Container>
  </ContainerGroup>
</template>

<script>
export default {
  name: 'Wage', // 科室-工资对应
  components: {},
  data() {
    return {
      schools: []
    }
  },
  created() {},
  mounted() {},
  methods: {
    resetForm() {},
    searchSubmit() {},
    createNewData() {},
    // 分页
    handleSizeChange(val) {
      this.pageSize = val
      this._getData()
    },
    handleCurrentChange(val) {
      this.pageNum = val
      this._getData()
    }
  }
}
</script>

<style lang="less" scoped>
.el-table--mini,
.el-table--small,
.el-table__expand-icon {
  font-size: 14px !important;
}

.ck-table-header {
  th {
    background: #fafafa !important;
    height: 48px;
    color: #555555 !important;
  }
}
.pagenation-box {
  display: flex;
  padding-top: 2px;
  justify-content: flex-end;
}

.box {
  width: 220px;
  height: 241px;
  opacity: 1;
  background: #f0f2f5;
  border-radius: 15px;
}

.textStyle {
  text-align: center;
  margin-top: 39px;
  height: 19px;
  opacity: 1;
  font-size: 20px;
  font-weight: 400;
  color: #555555;
}

.buttons{
  margin-top:399px;
  margin: 0 auto;
 text-align: center;
  width: 129px;
height: 48px;
line-height: 48px;
opacity: 1;
background: #217dfa;
border-radius: 5px;
}

.tes{
  text-align: center;
  vertical-align: center;
  width: 71px;
height: 18px;
opacity: 1;
font-size: 18px;

font-weight: 400;
text-align: left;
color: #ffffff;
line-height: 30px;
}
</style>
